<!-- 幻灯模块 -->
<!-- 后台需要设置变量banner数组,使用模板时需要设置幻灯区域的高度height与宽度width -->
<js href="__PLUGIN__/bxSlider/jquery.bxslider.min.js"/>
<css href="__PLUGIN__/bxSlider/jquery.bxslider.css"/>

<style>
.banner{
	width:[width]px;
	height:[height]px;
}

.banner img{
	width:[width]px;
	height:[height]px;
}

.bx-wrapper{
	
}

.bx-wrapper .bx-caption span{
	font-size:14px;
}
</style>

<script type="text/javascript">
$(function(){
	$('.bxslider').bxSlider({
		captions:true,
		auto:true,
		pager:false
	});
})
</script>

<div class="banner">
	<notempty name="banners">
	<ul class="bxslider">
		<foreach name="banners" item="b">
			 <li>
			 	<if condition="$b['show'] eq 1">
				 <if condition="$b['link']"><a href="{$b.link}"><img src="{$b.url}" title="{$b.title}" alt="{$b.title}"/></a>
				 <else/><img src="{$b.url}" title="{$b.title}" alt="{$b.title}"/>
				 </if>
				 </if>
			 </li>
		</foreach>
	</ul>
	</notempty>
</div>